
@red: #ff0033;
@green: #07c160;
@yellow: #ff976a;
@blue: #1989fa;
@grey: #999999;
@lightGrey: #efefef;
@moreGrey: #cccccc;
@black: #000000;
@lightBlack: #333333;
@white: #ffffff;
@baseColor: @white;
@transparent: transparent;

.fixedAll {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fixedTop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.fixedBottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.absoluteTop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.absoluteBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.flexCenter {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.flexTop {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: baseline;
}
.textEllipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}